<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="admin/_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" rel="stylesheet">

    <link rel="stylesheet" href="../../static/css/me.css" >

    <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css">
    <title>后台管理</title>
</head>
<body>
    
<!-- 导航-->
    <nav  th:replace="admin/_fragments :: Menu(1)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
<div class="ui container">
    <div class="ui inverted secondary stackable menu">
        <h2 class="ui teal header item" > 后台管理</h2>
        <a href="#" class="m-item  item m-mobile-hide "><i class=" home icon"></i> 博客</a>
        <a href="#" class="m-item item m-mobile-hide"><i class=" idea icon"></i> 分类</a>
        <a href="#" class="m-item item m-mobile-hide"><i class=" tags icon"></i> 标签</a>
      
        <div class="m-item right menu m-mobile-hide">
            <div class="ui dropdown item">
                <div class="text">
                        <img src="../../static/image/1.jpg" alt="" class="ui avatar image">
                        Azea
                </div>
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <a href="#" class="item">注销</a>
                        </div>

                
            </div>
            
        </div>
       
    </div>
</div>
    <a href="#" class="ui menu toggle black button m-right-top m-mobile-show">
        <i class="sidebar icon"></i>
    </a>
    </nav>


<!--    <div class="ui attached pointing menu">-->
<!--            <div class="ui container">-->
<!--                    <div class="right menu">-->
<!--                            <a href="#" th:href="@{/admin/blogs/input}" class="item">发布</a>-->
<!--                            <a href="#" th:href="@{/admin/blogs}" class="teal active item">列表</a>-->
<!--                    </div>-->
<!--            </div>-->
<!--      -->

<!--    </div>-->
    
<!--中间内容-->

    <div class="m-container m-padded-tb-large">
        <div class="ui container">
             <form th:id="blog-form" action="#" th:object="${blogs}"    th:action="@{/admin/blogs}" method="POST" class="ui form">
               
              <input type="hidden" th:name="published" th:value="*{published}" >

               <input type="hidden" name="id" th:value="*{id}" >

                <div class="required field">
                        <div class="ui left labeled input">
                                <div class="ui selection compact teal basic dropdown label">
                                    <input type="hidden" value="原创" th:name="flag" th:value="*{flag}">
                                    <i class="dropdown icon"></i>
                                    <div class="text">原创</div>
                                        <div class="menu">
                                            <div class="item" data-value="原创">原创</div>
                                            <div class="item" data-value="转载">转载</div>
                                            <div class="item" data-value="翻译">翻译</div>
                                        </div>
                                </div>
                                <input type="text" name="title" th:value="*{title}"  placeholder="标题">
                        </div>         
                </div>
                 <!-- 主要内容-->

                    <div class="field">
                      <div id="md-content" style="z-index: 1 !important;">

                        <textarea placeholder="博客内容" name="content" th:text="*{content}" style="display: none;">
                        </textarea>
                 
                      </div>
                    
                    
                    </div>
                 <!-- 分类-->
                    <div class="two fields">
                        <div class="required field">
                            <div class="ui left labeled action input">
                                <label for=" " class="ui compact teal basic label">分类</label>
                                <div class="ui fluid selection dropdown">

                                    <input type="hidden" name="type.id" th:value="*{type.id}" >
                                    <i class="dropdown icon"></i>
                                    <div class="default text">分类</div>
                                    <div class="menu">
                                        <div th:each="type:${types}" class="item" th:data-value = "${type.id}" th:text="${type.name}" data-value="1">错误日志</div>

                                    </div>

                                </div>
                            </div>

                        </div>

                        <!-- 标签-->
<!--                        <div class="field">-->
<!--                                <div class="ui left labeled action input">-->
<!--                                        <label for="" class="ui compact teal basic label">标签</label>-->
<!--                                        <div class="ui fluid multiple search selection dropdown">-->
<!--        -->
<!--                                            <input type="hidden" name="tagIds" th:value="*{tagIds}" >-->
<!--                                            <i class="dropdown icon"></i>-->
<!--                                            <div class="default text">标签</div>-->
<!--                                            <div class="menu">-->
<!--                                                <div th:each="tag:${tags}" class="item" th:data-value = "${tag.id}" th:text="${tag.name}" data-value="1">错误日志</div>-->


<!--                                            </div>-->
<!--        -->
<!--                                        </div>-->
<!--                                    </div>-->

<!--                        </div>-->

                     





                    </div>
                 <!-- 图片-->
                    <div class="required field">
                        <div class="ui labeled input">
                            <label for="" class="ui teal basic label">首图</label>
                            <input type="text" name="firstPicture" th:value="*{firstPicture}"  placeholder="首图引用地址" >
                        </div>
                      
                    </div>

                 <!-- 推荐 赞赏 留言-->
                    <div class="inline fields">

                        <div class="field">
                            <div class="ui checkbox">
                                <input type="checkbox" id="recommend"  th:checked="*{recommend}" name="recommend" checked class="hidden">
                                <label for="recommend" style="color: rgb(226, 166, 55);">推荐</label>
                            </div>

                        </div>

                        <div class="field">
                                <div class="ui checkbox">
                                    <input type="checkbox" id="shareStatement"  th:checked="*{shareStatement}" name="shareStatement" class="hidden">
                                    <label for="shareStatement" style="color: rgb(226, 166, 55);">转载声明</label>
                                </div>
    
                            </div>


                        <div class="field">
                                <div class="ui checkbox">
                                    <input type="checkbox"  th:checked="*{appreciation}" id="appreciation" name="appreciation" class="hidden">
                                    <label for="appreciation" style="color: rgb(226, 166, 55);">赞赏</label>
                                </div>
    
                            </div>

                            <div class="field">
                                    <div class="ui checkbox">
                                        <input type="checkbox" th:checked="*{commentabled}" id="commentabled" name="commentabled" class="hidden">
                                        <label for="commentabled" style="color: rgb(226, 166, 55);">留言</label>
                                    </div>
        
                                </div>




                    </div>

                    <div class="ui error message"></div>

                    <div class="ui right aligned container">
                        <button  class="ui button" onclick="window.history.go(-1)">返回</button>
                        <button th:type="button"  th:id="save-btn" class="ui secondary button" onclick="window.history.go(-1)">保存</button>
                        <button th:type="button"  th:id="publish-btn" class="ui teal button" onclick="window.history.go(-1)">发布</button>

                    </div>

             </form>
        </div>
    </div>
<!--|中间内容|-->




    
    <!-- 底部-->

<footer th:replace="admin/_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive">

    <div class="ui center aligned container">

        <div class="ui inverted divided stackable grid">
           
                    <div class="three wide column">
                        <div class=" centered item">
                        <img src="../../static/image/1.jpg" class="ui rounded image" style="width: 110px;" alt="" srcset="">
                    </div>
                    </div>

                    <div class="three wide column">
                        <h4 class="ui inverted header  m-text-spaces ">最新博客 </h4>    
                        <div class="ui inverted link list">
                            <a href="#" class="item" >用户故事</a>
                            <a href="#" class="item" >用户故事</a>
                            <a href="#" class="item" >用户故事</a>
                            <a href="#" class="item" >用户故事</a>
                        
                        </div>

                 </div>

                    <div class="three wide column">
                            <h4 class="ui inverted header  m-text-spaces ">联系我 </h4>  
                            <div class="ui inverted link list">
                                    <a href="#" class="item" >Email:1401432910@qq.com</a>
                                    <a href="#" class="item" >QQ:1401432910</a>
                                    
                            </div>
                    </div>

                    <div class="seven wide column">
                            <h4 class="ui inverted header m-text-spaces ">最新博客 </h4>
                            <p>这是关于个人的博客</p>


                     </div>

        </div>
                <div class="ui inverted section divider"></div>
                <p class="m-text-thin m-text-spaces .m-opaciyt-mini ">Copyright ©2020 ABlog Designed by Azea</p>
    </div>


</footer>



<!--/*/<th:block th:replace="admin/_fragments :: script">/*/-->
<script type="text/javascript" src="../../static/js/jquery-3.4.1.min.js"  th:src="@{/js/jquery-3.4.1.min.js}"  ></script>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
<script src="../../static/lib/editormd/editormd.min.js"></script>
<!--/*/</th:block>/*/-->


    <script>

    $(".menu.toggle").click(function(){
        $('.m-item').toggleClass('m-mobile-hide');
    });


    $('.ui.dropdown')
  .dropdown({
      on:'hover'
  });

$('.ui.form').form({
    fields:{
                title:{
                    identifier:'title',
                    rules:[{
                        type:'empty',
                        prompt:'标题：请输入博客标题'
                    }]
                },
                
               content:{
                    identifier:'content',
                    rules:[{
                        type:'empty',
                        prompt:'博客内容：请输入博客内容'
                    }]
                },

        typeId:{
            identifier:'typeId',
            rules:[{
                type:'empty',
                prompt:'标题：请输入博客分类'
            }]
        },

        firstPicture:{
            identifier:'firstPicture',
            rules:[{
                type:'empty',
                prompt:'标题：请输入博客图片'
            }]
        }
        }

});




var contentEditor;

$(function() {
    contentEditor = editormd("md-content", {
        width   : "100%",
        height  : 640,
        syncScrolling : "single",
        path    : "/lib/editormd/lib/"
    });
});


$('#save-btn').click(function () {

    $('[name="published"]').val(false);
    $('#blog-form').submit();

})

    $('#publish-btn').click(function () {

        $('[name="published"]').val(true);
        $('#blog-form').submit();

    })


    </script>


</body>
</html>